import React, { Component } from 'react';

class Child extends Component {
    constructor(props) {
        super(props)
        console.log(props);
        this.state = {
            smsg: '子组件的数据'
        }
    }
    sendSmsgFun = () => {
        console.log(this);
        this.props.sendSmsgEvent(this.state.smsg)
    }
    render() {
        return (
            <div>
                <h3>子组件</h3>
                <p>接受父组件的数据:{this.props.fmsg}</p>
                <p>
                    {/* 
                    子传父
                    1.绑定事件触发,自定义属性,将数据传递给父组件
                    2.父组件以属性接受传递的数据,绑定该属性设置回调函数接受数据
                    */}
                    <button onClick={this.sendSmsgFun}>子组件传递数据</button>
                </p>
            </div>

        );
    }
}

export default Child;